<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/headerfooter.css">
    <link rel="stylesheet" href="./css/product.css">
</head>
<body>
    <header>
        <div class="head">
            <div>
                <div>  全国服务热线：400-000-0000</div>
                <div>
                    <a href="#"> <span>加入收藏</span></a>  
                    <a href="#"> <span>设为首页</span></a>
                </div>
            </div>
        </div>
        <nav>
           <div>
            <img src="./img/logo_03.jpg" alt=""></div>
            <div class="nav-fl"> <h3> TK科技有限公司</h3>  <span>cer dcd keo Holdings Co., Ltd.</span> </div>
            <ul class="nav-ul clearfix">
                <a href="./index.html"> 
                    <li>
                        <h4> 首页</h4>
                        <h4>Home</h4>
                    </li>
                </a>
                <li>
                    <h4>关于我们</h4>
                    <h4>About</h4>     
                </li>
                <li>
                   <h4> 产品中心</h4>
                   <h4> Products</h4>
                </li>
                <li>
                   <h4> 服务支持</h4>
                   <h4> Products</h4>
                </li>
                <li>
                   <h4> 新闻中心</h4>
                    <h4>Service</h4>
                </li>
                <li>
                    <h4>在线商店</h4>
                   <h4> Shop</h4>
                </li>
                <li>
                    <h4>联系我们</h4>
                   <h4> Contact Us</h4>
                </li>
            </ul>
        </nav>
        <div class="slideshow"></div>
    </header>
    <section>
        <div class="banner">
            <img src="./img/product/banner.jpg" alt="">
        </div>
        <div class="connet">
            <div class="path">
                首页 > 新品发布
            </div>
            <div class="kind">
                <div class="kind-box1">
                    <p> 百万高清系列</p>
                    <img src="./img/product/jiantou.png" alt="">
                </div>
                <div class="kind-box2">
                    <p>标清系列</p>
                    <img src="./img/product/jiantou.png" alt="">
                </div>
                <div class="kind-box3">
                    <p>户外防水系列</p>
                    <img src="./img/product/jiantou.png" alt="">
                </div>
                <div class="kind-box4">
                    <p>室内系列</p>
                    <img src="./img/product/jiantou.png" alt=""></div>
            </div>
            <div class="search">
                <input type="text" placeholder="搜索产品">
                <button type="button"><img src="./img/product/search.png" alt=""></button>
            </div>
            <a href="./detail.html">
            <div class="product">
                <div class="p-box1">
                    <div>
                      <img src="./img/product/p1.jpg" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机..</p>
                </div>
                <div class="p-box2">  
                    <div>  
                     <img src="./img/product/p2.jpg" alt="">
                    </div> 
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box3"> 
                    <div>
                        <img src="./img/product/p3.png" alt=""> 
                    </div>   
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box4">     
                    <div>
                        <img src="./img/product/p4.png" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box5">     
                    <div>
                        <img src="./img/product/p5.png" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box6">     
                    <div>
                        <img src="./img/product/p6.png" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box7">     
                    <div>
                        <img src="./img/product/p7.png" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box8">     
                    <div>
                        <img src="./img/product/p8.png" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
                <div class="p-box9">     
                    <div>
                        <img src="./img/product/p9.png" alt="">
                    </div>
                    <P> S6202Y-WR</P>
                    <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机...</p>
                </div>
            </div>
        </a>
            <div class="page">
                <div>上一页</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
                <div>下一页</div>
            </div>
        </div>
    </section>
    <footer>
        <div class="ft-top">
           <p>关注我们: 
            <a href="#"> <img src="./img/weibo.png" alt=""></a>
            <a href="#"><img src="./img/QQ.png" alt=""> </a>
            <a href="#"><img src="./img/wechat.png" alt=""></a>
        </p>
           
           <p><a href="#"> 网站首页</a>·   <a href="#">新闻动态</a>·    <a href="#">关于我们</a>·   <a href="#">团队风采</a>·   <a href="#">联系我们·   <a href="#">在线留言</a></p> 
        </div>
        <div class="ft-bottom">©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</div>
    </footer>
</body>
</html>